<template>
    <div class="signin">
        <div class="signin-1">
            <div class="logo">
                <img src="../../../assets/images/logo.png">
                <div>萌宠之家</div>
            </div>
            <div class="box">
                <form>
                    <div class="account">
                        <img src="../../../assets/images/uesr name.png" />
                        <input type="number" v-model="username" placeholder="请输入你的手机号" />
                    </div>
                    <div class="password">
                        <img src="../../../assets/images/password.png" />
                        <input type="number" v-model="code" placeholder="验证码" />
                        <span
                        @click="Verifications"
                        >获取验证码</span>
                    </div>
                    <div class="password">
                        <img src="../../../assets/images/password.png" />
                        <input type="number" v-model="password" placeholder="请输入新的密码(6-10)位" />
                    </div>
                    <div class="button">
                        <button type="button" @click="registerFuns">更改</button>
                    </div>
                </form>

                <div class="A">
                    <span>————</span>
                    <span @click="to_sign_in">社交账号登录</span>
                    <span>————</span>
                </div>

                <div class="other">
                    <div>
                        <img src="../../../assets/images/qq.png" />
                    </div>
                    <div>
                        <img src="../../../assets/images/wechat.png" />
                    </div>
                    <div>
                        <img src="../../../assets/images/weibo.png" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script src="./Change.js"></script>            
                
<style lang="scss" scoped>
@import "./Change.scss"
</style>